<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="50%"
		  widgetVar="dialogConsultarProduto" id="idDialogConsultarProduto" closable="true"
		  appendTo="@(body)" header="Consultar Produtos"> 	
  	
	 <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
<h:form id="formDialogConsultarProduto" prependId="false">
<h:panelGroup id="pgDialogConsultarProduto">
 	<p:messages id="messagesCompraConsultarProduto" autoUpdate="true" closable="true" />  
    	<h:panelGrid columns="4" style="margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Produto" styleClass="outputLabel"/> 
            <h:outputLabel /> 
            <h:outputLabel /> 
            <p:inputText value="#{compraBean.produto.idProduto}" styleClass="inputId">
            	<p:ajax listener="#{compraBean.ajaxGet}"/>
            </p:inputText>   
  			<p:inputText value="#{compraBean.produto.descricao}" styleClass="inputDescricao">
  				<p:ajax listener="#{compraBean.ajaxGet}"/>
            </p:inputText>   
  			<p:commandButton value="Consultar" actionListener="#{compraBean.findProduto}" process="@this" update="dataTableProduto" styleClass="commandButton" />
  			<p:commandButton value="Novo" ajax="true" actionListener="#{compraBean.openDialogManterProduto}" process="@this" styleClass="commandButton" /> 
        </h:panelGrid> 
    		
    <p:dataTable id="dataTableProduto" var="Produto" value="#{compraBean.dmProduto}"  
    			 rowKey="#{Produto.idProduto}"  selectionMode="single" style="padding-top:20px;" paginator="true" rows="10" >    
		<p:column style="text-align:center;">  
            <f:facet name="header">  
                <h:outputText value="Código" />  
            </f:facet>  
            <h:outputText value="#{Produto.idProduto}" />  
        </p:column>  
  
        <p:column >  
            <f:facet name="header">  
                <h:outputText value="Produto" />  
            </f:facet>  
            <h:outputText value="#{Produto.descricao}" />  
        </p:column>  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Preço Custo" />  
            </f:facet>  
            <h:outputText value="#{Produto.precoCusto}" >
            	<f:convertNumber type="currency" currencySymbol="R$ "/>
            </h:outputText>  
        </p:column> 
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Preço Venda" />  
            </f:facet>  
            <h:outputText value="#{Produto.precoVenda}" >
            	<f:convertNumber type="currency" currencySymbol="R$ "/>
            </h:outputText>  
        </p:column> 
        <p:column style="width:6%; text-align:center;">  
            <f:facet name="header">  
                <h:outputText value="Quantidade" />  
            </f:facet>  
            <h:outputText value="#{Produto.quantidade}" />  
        </p:column> 
        
        <p:column style="width:4%; text-align:center;">  
        	<f:facet name="header">
        	 <h:outputText value="Adicionar" />
        	</f:facet>
         	<p:commandButton id="selectButtonEditar" actionListener="#{compraBean.selectProduto}" process="@this"  icon="ui-icon-circle-plus" title="Add" />
        </p:column> 
    </p:dataTable> 
 </h:panelGroup>
 </h:form>
 <ui:include src="/view/compra/dialogManterProduto.xhtml"></ui:include>
</p:dialog>
